<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="layout" content="main" />
	<title>Login</title>
	<script type="text/javascript">
		$(document).ready(function(){
			$("#username").focus();
		});
	</script>
</head>
<body>
	<g:if test="${flash.message}">
		<div class="message">${flash.message}</div>
	</g:if>
	<g:form action="signIn" class="login">
		<input type="hidden" name="targetUri" value="${targetUri}" />
		<p>
			<label>
				<g:message code="auth.page.username" default="username"/><br />
				<input type="text" name="username" id="username" value="${username}"/>
				<script type="text/javascript">
					$(document).ready(function(){
						$("#username").focus();
					});
				</script>	
			</label>
		</p>
		<p>
			<label>
				<g:message code="auth.page.password" default="password"/><br />
				<input type="password" name="password" id="password" value="" />
			</label>
		</p>
		<p>
			<label>
				<g:message code="auth.page.rememberMe" default="rememberMe"/>
				<g:checkBox name="rememberMe" value="${rememberMe}" />
			</label>
		</p>
		<p>
			<input class="green button" type="submit" value="${message(code: 'auth.page.signIn', default: 'signIn')}" />
		</p>
	</g:form>
</body>
</html>
